// 知识点：主题色，定义在root节点下代表全局变量，所有地方都可以使用
:root {
  // 问诊患者：色板
  --cp-primary: #16c2a3;
  --cp-plain: #eaf8f6;
  --cp-orange: #fca21c;
  --cp-text1: #121826;
  --cp-text2: #3c3e42;
  --cp-text3: #6f6f6f;
  --cp-tag: #848484;
  --cp-dark: #979797;
  --cp-tip: #c3c3c5;
  --cp-disable: #d9dbde;
  --cp-line: #ededed;
  --cp-bg: #f6f7f9;
  --cp-price: #eb5757;

  // 知识点：覆盖vant主体色，只需要找到vant官方定义的主题色css变量，把这个变量值覆盖掉就可以实现替换
  // 覆盖vant主体色
  --van-primary-color: var(--cp-primary);
  // 单元格上下间距
  --van-cell-vertical-padding: 14px;
  // 复选框大小
  --van-checkbox-size: 14px;
  // 默认按钮文字大小
  --van-button-normal-font-size: 16px;
  // 倒计时组件文字颜色
  --van-count-down-text-color: var(--cp-primary);

  // 进度条颜色
  #nprogress .bar {
    background-color: var(--cp-primary) !important;
  }

  // 全局样式
  body {
    font-size: 14px;
    color: var(--cp-text1);
  }
  a {
    color: var(--cp-text2);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol {
    margin: 0;
    padding: 0;
  }

  //  vant-tabs样式覆盖
  .van-tabs {
    --van-tabs-bottom-bar-width: 20px;
  }
}
